@import "common";
@imgHeight:50px;
.ReSlider_Container {
  width: 100%;
  position: relative;
  overflow: hidden;

  .ReSlider_Sliders {
    margin-top: -1px;
    position:absolute;
    top:0;
    left: 0;
    width:100%;
    white-space: nowrap;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -ms-transition: left 0.5s;
    -o-transition: left 0.5s;
    transition: left 0.5s;
  }
  
  
  .ReSlider_Item {
    display:inline-block;
    overflow: hidden;
    width:100%;
    height:100%;
    vertical-align: top;
  }

  .ReSlider_HideButton{
    display:none;
  }

  .ReSlider_Next{
    .ReSliderButton;
    top:0;
    right:0;
  }

  .ReSlider_Prev{
    .ReSliderButton;
    top:0;
    left:0;
  }

  .ReSlider_Move{
    height:@imgHeight;
    .absoluteCenter(@imgHeight);
    opacity: 0.2;
    &:hover{
      opacity: 1;
      cursor:pointer;
    }
  }
}

.ReSliderButton{
  position:absolute;
  z-index: 2;
  height:100%;
  width:50px;
}
